#pg_2{
    display: none;
    background: url('images/p2_bg.jpg') no-repeat center center;
    background-size: 100%;
    -webkit-transition:all 2s linear;
       -moz-transition:all 2s linear;
        -ms-transition:all 2s linear;
         -o-transition:all 2s linear;
            transition:all 2s linear;
    top:0;
    /*border:1px solid red;*/
}
#pg_2 .pg2_circle{
    background: url('images/p2_circle_outer.png') no-repeat center center;
    background-size: 100%;
    position:absolute;
    /*z-index:4;*/
    width:59vw;
    height:59vw;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    -webkit-animation:circle 2s infinite linear 1s;
       -moz-animation:circle 2s infinite linear 1s;
        -ms-animation:circle 2s infinite linear 1s;
         -o-animation:circle 2s infinite linear 1s;
            animation:circle 2s infinite linear 1s;
}
#pg_2 .pg2_circle:before{
    background: url('images/p2_circle_middle.png') no-repeat center center;
    background-size: 100%;
    position:absolute;
    z-index:3;
    width:45vw;
    height:45vw;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:'';
    /*z-index:*/
    margin:auto;
    -webkit-animation:circle 2s infinite linear 0.5s;
       -moz-animation:circle 2s infinite linear 0.5s;
        -ms-animation:circle 2s infinite linear 0.5s;
         -o-animation:circle 2s infinite linear 0.5s;
            animation:circle 2s infinite linear 0.5s;

}
#pg_2 .pg2_circle:after{
    background: url('images/p2_circle_inner.png') no-repeat center center;
    background-size: 100%;
    position:absolute;
    z-index:3;
    width:35vw;
    height:35vw;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:'';
    margin:auto;
    -webkit-animation:circle 2s infinite linear;
       -moz-animation:circle 2s infinite linear;
        -ms-animation:circle 2s infinite linear;
         -o-animation:circle 2s infinite linear;
            animation:circle 2s infinite linear;
}
@keyframes circle{
    0%{
        -webkit-transform:rotate(0deg);
           -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
             -o-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
           -moz-transform:rotate(360deg);
            -ms-transform:rotate(360deg);
             -o-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}
#pg_2 .pg2_2017{
    background: url('images/2017(5).png') no-repeat center center;
    background-size: 100%;
    position:absolute;
    width:45vw;
    height:45vw;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:'';
    /*z-index:*/
    margin:auto;
}